td,span   {color: #000;font-family: tahoma, serif, arial;font-size: 9pt}
img {border:0px;}
body.main_frame{margin:2px 10px 80px 10px; padding: 0pt;font-family:tahoma;font-size: 9pt;color: #000;}
a {color: #000;font-family: tahoma;font-size: 12px;text-decoration: underline;}

a.link         {text-decoration: none;}
a.link:visited {text-decoration: none;color: #000;}
a.link:hover   {text-decoration: none;color: #000;}
a.link:active  {text-decoration: none;color: #000;}
a.link:link    {text-decoration: none;color: #000;}

/* messages */
.error_msg {color: red;font-size :13px;padding-top:1px;padding-bottom:1px;text-align:center;}
.help_msg{color: green;font-size :13px;padding-top:1px;padding-bottom:1px;text-align:center;}
/* messages */

.bold   {font-weight:bold;}
/* the head of the whole form (text) */
div.form_frame{width: 800px;}

.form_head      {color:#000;font-size:16px;font-weight:bold;}

.content_msg > a     {color:#000;font-size:14px;font-weight:bold;}

.form_head_row      {color:#333;font-size:16px;}
.form_row_0     {background-color:#E0E0E0;}
.form_row_1  	{background-color:#FFFFFF;}

.long_text_area{width:700px;}

div.locales{height:30px;text-align: right;}

#login_box {float: right;}

/* battlefield */
div#content1, div#content2 {}

div#content1 div, div#content2 div {	position: relative;	}

div.field {
	width: 300px;
	background-color: white;
	padding: 25px;
	color: black;
}

div.field div.inner {
	background-color: white;
	width: 300px;
	padding-right: 2px;
	padding-bottom: 2px;
}

div.field div.inner div {
	float: left;
	width: 28px;
	height: 28px;
	/*margin: 2px 0px 0px 2px;*/
	border-top: 2px solid white;
	border-left: 2px solid white;
	background-color: orange;
}

div#content1 div.field div.vnums, div#content2 div.field div.vnums {
	position: absolute;
	left: 0px;
	top: 35px;	
	width: 25px;
}

div#content1 div.field div.hnums, div#content2 div.field div.hnums {
	position: absolute;
	left: 25px;
	top: 5px;
}

div.field div.vnums div {
	height: 30px;
	width: 25px;
	text-align: center;
	float: left;
}
div.field div.hnums div {
	width: 30px;
	text-align: center;
	float: left;
}

/* ships description */
#availableShips > div > table > tbody > tr > td {
width:10px;
height:10px;
color:white;
}

.ship {
width:10px;
height:10px;
background-color:gray;
}

div.field > div.inner > div.placed_ship {
background-color: black;
}
/* a space that ship occupies */
/*
div.field > div.inner > div.space_ship{
background-color: blue;
}
*/

.transient_ship{
background-color:gray !important;
}

.wrong_ship{
background-color:red !important;
}

div.field > div.inner > div.hited {
background-color: red !important;
}
div.field > div.inner > div.missed {
background-color: blue !important;
}